<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>博客</title>

		<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
		<link rel="stylesheet" href="verdo/bootstrap-3.3.7-dist/css/bootstrap.min.css">
		<link rel="stylesheet" href="css/backstageBlog.css" />

	</head>

	<body>
		<div class="header navbar-fixed-top">
			<!--<div class="header-top container">
				<div class="header-left col-xs-3 text-left">
					<div class="logo"><a href="#"><img src="img/logo1.png"/>博客</a></div>
					
				</div>
				<div class="header-right col-xs-2 col-xs-offset-7"></div>
				
			</div>-->

			<nav class="navbar navbar-default">
				<div class="container">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="header-left navbar-header">
						<button type="button" class="header-btn navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
			        <span class="sr-only">Toggle navigation</span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			      </button>
						<a class="header-logo" href="index.html"><img src="img/logo1.png" />博客</a>
					</div>

					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="header-right collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav navbar-right">
							<li class="header-item list-group-item-success">
								<a href="#" data-toggle="modal" data-target="#myModal">登录 <span class="sr-only">(current)</span></a>
							</li>
							<li class="header-item">
								<a href="#" data-toggle="modal" data-target="#myModalRegister">注册</a>
							</li>

						</ul>

					</div>
					<!-- /.navbar-collapse -->
				</div>
				<!-- /.container -->
			</nav>

		</div>

		<div class="main">
			<div class="main-body container-fluid">
				<div class="row">

					<div class="main-left-bl col-xs-3">
						<div class="left-group list-group">
							<a href="#" class="list-group-item list-group-item-success text-center">
								博客管理
							</a>
							<a href="#" class="list-group-item text-center">用户管理</a>
							<a href="#" class="list-group-item text-center">分类管理</a>
							<a href="#" class="left-item-current list-group-item text-center">文章管理</a>
							<a href="#" class="list-group-item text-center">评论管理</a>
						</div>
					</div>

					<div class="main-right-bl col-xs-9 col-xs-offset-3">
						<div class="right-main-bl col-xs-12">
							<h3>文章管理</h3>
							
							<div class="right-table-bl bs-example" data-example-id="panel-without-body-with-table">
							    <div class="table-body-bl panel panel-default">
							      
							      <table class="table">
							        <thead>
							          <tr>
							            <th>编号</th>
							            <th>文章标题</th>
							            <!--<th>文章标题</th>-->
							            <th>发布时间</th>
							            <th>操作</th>
							          </tr>
							        </thead>
							        <tbody>
							          <tr>
							            <th scope="row">1</th>
							            <td>IP从10到600</td>
							            <td>2016-12-28</td>
							            <td>
							            	<button type="button" class="btn btn-default btn-xs  btn-warning">修改</button>
											<button type="button" class="btn btn-default btn-xs  btn-danger">删除</button>
							            </td>
							          </tr>
							          
							          <tr>
							            <th scope="row">2</th>
							            <td>IP从10到600</td>
							            <td>2016-12-28</td>
							            <td>
							            	<button type="button" class="btn btn-default btn-xs  btn-warning">修改</button>
											<button type="button" class="btn btn-default btn-xs  btn-danger">删除</button>
							            </td>
							          </tr>
							          
							          <tr>
							            <th scope="row">3</th>
							            <td>IP从10到600</td>
							            <td>2016-12-28</td>
							            <td>
							            	<button type="button" class="btn btn-default btn-xs  btn-warning">修改</button>
											<button type="button" class="btn btn-default btn-xs  btn-danger">删除</button>
							            </td>
							          </tr>
							          
							          <tr>
							            <th scope="row">4</th>
							            <td>IP从10到600</td>
							            <td>2016-12-28</td>
							            <td>
							            	<button type="button" class="btn btn-default btn-xs  btn-warning">修改</button>
											<button type="button" class="btn btn-default btn-xs  btn-danger">删除</button>
							            </td>
							          </tr>
							          
							          <tr>
							            <th scope="row">5</th>
							            <td>IP从10到600</td>
							            <td>2016-12-28</td>
							            <td>
							            	<button type="button" class="btn btn-default btn-xs  btn-warning">修改</button>
											<button type="button" class="btn btn-default btn-xs  btn-danger">删除</button>
							            </td>
							          </tr>
							          
							          <tr>
							            <th scope="row">6</th>
							            <td>IP从10到600</td>
							            <td>2016-12-28</td>
							            <td>
							            	<button type="button" class="btn btn-default btn-xs  btn-warning">修改</button>
											<button type="button" class="btn btn-default btn-xs  btn-danger">删除</button>
							            </td>
							          </tr>
							          
							        </tbody>
							      </table>
							    </div>
							  </div>
							
							<!--分页-->
							<nav class="text-right" aria-label="Page navigation">
							  <ul class="pagination">
							    <li class="disabled">
							      <span>
							        <span aria-hidden="true">&laquo;</span>
							      </span>
							    </li>
							    <li>
							      <span class="pagess-item-currentrrent">1 <span class="sr-only">(current)</span></span>
							    </li>
							    <li><a href="#">2</a></li>
							    <li><a href="#">3</a></li>
							    <li><a href="#">4</a></li>
							    <li><a href="#">5</a></li>
							    <li>
							      <a href="#" aria-label="Next">
							        <span aria-hidden="true">&raquo;</span>
							      </a>
							    </li>
							  </ul>
							</nav>
							
							
						</div>
						
						
					</div>

				</div>

			</div>

		</div>

		<div class="footer"></div>

		<!--登录框-->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title" id="gridSystemModalLabel">切换 注册</h4>
					</div>
					<div class="modal-body">
						<form class="form-signin">
							<h2 class="form-signin-heading">请登录</h2>
							<label for="inputEmail" class="sr-only">请输入邮箱地址：</label>
							<input id="inputEmail" class="form-control" placeholder="请输入邮箱地址：" required="" autofocus="" type="email">
							<br />
							<label for="inputPassword" class="sr-only">密码：</label>
							<input id="inputPassword" class="form-control" placeholder="密码：" required="" type="password">
							<div class="checkbox">
								<label>
			            <input value="remember-me" type="checkbox"> 记住密码？
			          </label>
							</div>
							<button class="btn btn-lg btn-success btn-block" type="submit">登 录</button>
						</form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button type="button" class="btn btn-success">保存 更改</button>
					</div>

				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal-dialog -->
		</div>
		<!-- /.modal -->
		<!--注册页面-->
		<div class="modal fade" id="myModalRegister" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title" id="gridSystemModalLabel">切换 登录</h4>
					</div>
					<div class="modal-body">
						<form class="form-signin">
							<h2 class="form-signin-heading">请注册账户</h2>
							<label for="inputEmail" class="sr-only">请输入邮箱地址：</label>
							<input id="inputEmail" class="form-control" placeholder="请输入邮箱地址：" required="" autofocus="" type="email">
							<br />
							<label for="inputPassword" class="sr-only">密码：</label>
							<input id="inputPassword" class="form-control" placeholder="密码：" required="" type="password">
							<div class="checkbox">
								<label>
			            <input value="remember-me" type="checkbox"> 记住密码？
			          </label>
							</div>
							<button class="btn btn-lg btn-success btn-block" type="submit">注册</button>
						</form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					</div>

				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal-dialog -->
		</div>
		<!-- /.modal -->

		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="verdo/jquery.js"></script>
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src="verdo/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>

		<script src="js/index.js"></script>
	</body>

</html>